<template>
	<view class="cu-modal" :class="modalName=='basisModal'?'show':''" @touchmove.stop.prevent="()=>{return}" @tap="hideModal">
		<view class="cu-dialog" @tap.stop >
			<view class="cu-bar bg-white justify-end">
				<view class="content">{{title}}</view>
			</view>
			<slot></slot>
			<view class="cu-bar bg-white lg block">
				<view class="action margin-0 flex-sub " @tap="hideModal">
					<text class="text-primary">确认</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		modalName:{
			type:String,
			default:''
		},
		title:{
			type:String,
			default:''
		}
	},
	data() {
	  return {
			message:{},//内容
			localeLang:''
	  }
	},
	methods: {
		// 取消事件
		hideModal (){
      this.$emit('updateModalName', '')
		}
	},
}
</script>

<style lang="less" scoped>
	@import '@/common/style/main.css';
</style>
